<%@include file="/WEB-INF/jsp/common/taglibs.jsp"%>

<s:layout-render name="/WEB-INF/jsp/common/layout_popups.jsp"
                 title="Customize Group Dashboard">
    <s:layout-component name="body">
        <s:form beanclass="spatialmarketplace.cem.action.CreateGroupFormActionBean">
            <s:errors/>
            <div><s:hidden name="group.groupId"/></div>
            <div class="divborder_popup" style="width:560px;"> <br/>
                <div align="left"><span class="s-Label_1">Customize Group Dashboard</span></div>
                <br/>
                <div class="divborder_popup_inner" style="margin:15px;"> <br/>
                    <div align="left"><span class="s-Label_1">My Privacy Settings</span></div>
                    <br/>
                    <div style="margin-left:50px;"><span>Show the following details to My Group</span></div>
                    <br/>
                    <div style="background-color:#FFF; margin-left:50px; width:440px; border:1px solid #999;">
                        <input type="checkbox" name="AboutMe" />
                        About Me <br/>
                        <input type="checkbox" name="Avatar" />
                        Avatar <br/>
                        <input type="checkbox" name="ContactNumber" />
                        Contact Number <br/>
                        <input type="checkbox" name="Email" />
                        Email <br/>
                        <input type="checkbox" name="SocialMediaLinks" />
                        Social Media Links <br/>
                        <input type="checkbox" name="Position" />
                        Position <br/>
                    </div>
                    <br/>
                </div>
                <div class="divborder_popup_inner" style="margin:15px;"> <br/>
                    <div align="left"><span class="s-Label_1">Set Social Media Links</span></div>
                    <br/>
                    <table cellpadding="5" cellspacing="5" style="background-color:#FFF; margin-left:50px; border:1px solid #999;">
                        <tr>
                        <tr>
                            <td><label class="labelName">Facebook :</label></td>
                            <td style="font-size:10px; text-align: right;"><img alt="" src="images/add_green.png" border="0" style="margin-bottom:-10px;" />
                                <input type="text" class="textfield" name="Facebook" /></td>
                        </tr>
                        <tr>
                        <tr>
                            <td><label class="labelName">Twitter :</label></td>
                            <td style="font-size:10px; text-align: right;"><img alt="" src="images/add_green.png" border="0" style="margin-bottom:-10px;" />
                                <input type="text" class="textfield" name="Twitter" /></td>
                        </tr>
                        <tr>
                        <tr>
                            <td><label class="labelName">Google+ :</label></td>
                            <td style="font-size:10px; text-align: right;"><img alt="" src="images/add_green.png" border="0" style="margin-bottom:-10px;" />
                                <input type="text" class="textfield" name="Google" /></td>
                        </tr>
                        <tr>
                        <tr>
                            <td><label class="labelName">Linked In :</label></td>
                            <td style="font-size:10px; text-align: right;"><img alt="" src="images/add_green.png" border="0" style="margin-bottom:-10px;" />
                                <input type="text" class="textfield" name="Linkedin" /></td>
                        </tr>
                    </table>
                    <br/>
                </div>
                <table align="center" width="200px">
                    <tr>
                        <td align="center">
                            <s:submit name="save" value="Save"/>
                        </td>
                        <td align="center">
                            <s:submit name="cancel" value="Cancel"/>
                        </td>
                        <td align="center">
                            <s:submit name="edit" value="Edit Profile"/>
                        </td>
                    </tr>
                </table>
                <br/>
            </div>
        </s:form>
    </s:layout-component>
</s:layout-render>